﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>PDP -- Large Scale Data Mining System</title>
<link rel="stylesheet" href="css/navigator.css" />
<script type="text/javascript" src="js/jquery-1.8.2.js"></script>

<script type="text/javascript">
	$(document).ready(
			function() {
				//docked view
				var docked = 0;
				$("#dock li ul").height($(window).height());

				$("#dock .dock").click(
						function() {
							$(this).parent().parent().addClass("docked")
									.removeClass("free");

							docked += 1;
							var dockH = ($(window).height()) / docked
							var dockT = 0;

							$("#dock li ul.docked").each(function() {
								$(this).height(dockH).css("top", dockT + "px");
								dockT += dockH;
							});
							$(this).parent().find(".undock").show();
							$(this).hide();

							if (docked > 0)
								$("#container").css("margin-left", "250px");
							else
								$("#container").css("margin-left", "60px");
						});

				$("#dock .undock").click(
						function() {
							$(this).parent().parent().addClass("free")
									.removeClass("docked").animate({
										left : "-180px"
									}, 200).height($(window).height()).css(
											"top", "0px");

							docked = docked - 1;
							var dockH = ($(window).height()) / docked
							var dockT = 0;

							$("#dock li ul.docked").each(function() {
								$(this).height(dockH).css("top", dockT + "px");
								dockT += dockH;
							});
							$(this).parent().find(".dock").show();
							$(this).hide();

							if (docked > 0)
								$("#container").css("margin-left", "250px");
							else
								$("#container").css("margin-left", "60px");
						});

				//$("#google").click=loadURL("http://www.google.com");

				$("#dock li").hover(function() {
					$(this).find("ul").animate({
						left : "40px"
					}, 200);
				}, function() {
					$(this).find("ul.free").animate({
						left : "-180px"
					}, 200);
				});

			});

	function loadURL(a_url) {
		console.log(a_url);
		$.ajax({
			url : a_url,
			type : 'GET',
			crossDomain : true,
			dataType : 'html',
			beforeSend : function(xhr) {
				xhr.setRequestHeader("Access-Control-Allow-Origin", "*");
			},
			success : function(data) {
				$("#content").html(data);
				//console.log(data);   
				//alert(data);
			},
			error : function(msg) {
				alert(this.url + " -Failed");
			},
			xhrFields : {
				withCredentials : true
			}
		});
	}
</script>
</head>
<body>
	<ul id="dock">
		<li id="scheduler">
			<ul class="free">
				<li class="header"><a href="#" class="dock">Dock</a><a href="#"
					class="undock">Undock</a>Scheduling Jobs</li>
				<li><a id="control" onclick="loadURL('scl.html');"> Control
						Schedule</a></li>
				<li><a id="configuration" onclick="loadURL('jobs.html');">Jobs
						Configuration</a></li>
				<li><a id="runningLog" onclick="loadURL('joblog.html');">Jobs
						Running Logs</a></li>
				<li><a id="programs" onclick="loadURL('programs.html');">Tools
						and Algorithms</a></li>
			</ul>
		</li>
		<li id="explorer">
			<ul class="free">
				<li class="header"><a href="#" class="dock">Dock</a><a href="#"
					class="undock">Undock</a>Data Explorer</li>
				<li><a id="dataexplorer"
					onclick="loadURL('http://datamining-node08.cs.fiu.edu/DataExplorer/addnewcube.html');">Cube
						Construction</a></li>
				<li><a id="cubeexplorer"
					onclick="loadURL('http://datamining-node08.cs.fiu.edu/DataExplorer/olap.html');">Cube
						Exploration</a></li>
			</ul>
		</li>
		<li id="evaluator">
			<ul class="free">
				<li class="header"><a href="#" class="dock">Dock</a><a href="#"
					class="undock">Undock</a>Evaluation Statistics</li>
				<li><a id="datastat"
					onclick="loadURL('http://datamining-node08.cs.fiu.edu/ComparisonStat/index.htm');">Feature
						statistic comparison</a></li>
				<li><a id="report"
					onclick="loadURL('http://datamining-node08.cs.fiu.edu/PDPReportingConsole/Report.html');">PDP Reporting System</a></li>
			</ul>
		</li>
		<li id="links">
			<ul class="free">
				<li class="header"><a href="#" class="dock">Dock</a><a href="#"
					class="undock">Undock</a>KDRG LINKS</li>
				<li><a href="http://datamining-node01.cs.fiu.edu/phpBB3/">KDRG
						Data Mining Forum</a></li>
			</ul>
		</li>
	</ul>

	<div id="container">
		<div id="header">
			<center>
				<h1>PDP Data Mining System</h1>
			</center>
		</div>
		<div id="content">
			<h3>Introduction</h3>
			<p>PDP Data Mining System is designed by KDRG group, with the
				purpose to mine and extract latent knowledge over big data of PDP</p>
		</div>

		<div id="footer">
			<center>
				<h4>
					Knowledge Discovery Research Group & Big Data Analysis<br />&copy;2012
				</h4>
			</center>
		</div>
	</div>
</body>
</html>
